import React from 'react'
import { useLocation, useSearchParams, useParams } from 'react-router-dom'

export default function C() {
  // 1. 通过 useLocation 获取 location 对象，然后解析 search 数据
  let location = useLocation()
  let usp = new URLSearchParams(location.search)
  // console.log(usp.get('id'), usp.get('name'))
  // 2. 直接通过 useSearchParams 获取 usp 对象
  let [usp2, _] = useSearchParams()
  // console.log(usp2.get('id'), usp2.get('name'))
  // 3. 也可以使用 qs.parse 进行解析

  // 4. 使用 useParams 获取到 params 对象 -> 动态传递的参数
  let params = useParams()
  // console.log(params)

  // 5. 获取隐式传参：使用 useLocation , 通过 location.state
  console.log(location.state);
  return <div>
    c
  </div>
}